<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/home.css">
		<link rel="stylesheet" href="css/base.css">
		<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/personInfro.js"></script>
		<title>舆情定制</title>
		<style>
			html,
			body {
				width: 100%;
			}
		</style>
	</head>

	<body>
		<div class="wholePublic-box">
			<div class="wholePublic-header clearfix">
				<div class="wholePublic-logo fl ">
					<a href="index-logged.html"><img src="images/logo-2.png" /></a>
				</div>
				<div class="wholePublic-header-list fl">
					<ul class="clearfix">
						<li onclick="javascript:window.location='wholePublic-company.html'">全部舆情</li>
						<li onclick="javascript:window.location='my-custom.html'">舆情定制</li>
						<li onclick="javascript:window.location='analysis.html'">分析报告</li>
						<li class="wholePublic-border" onclick="javascript:window.location='thinkTank.html'">智库</li>
						<li onclick="javascript:window.location='contactUs.html'">联系我们</li>
					</ul>
				</div>
				<div class="wholePublic-header-right fr">
					<ul class="clearfix">
						<li id="line"><img src="images/line-2.png" /></li>
						<li onclick="javascript:window.location='my-custom.html'">我的定制</li>
						<li id="exit"><img src="images/exit-2.png" /></li>
						<li class="setting-icon">
							<a href="company-setting.html"><img src="images/setting-icon.png" /></a>
						</li>
					</ul>
				</div>
			</div>
			<div class="grcolor-box"></div>
			<!--<div style="height: 82px;"></div>-->
			<div class="wholePublic-mainBody clearfix">

				<!--<div style="width: 14%;"></div>-->
				<div class="wholePublic-leftContent wholePublic wholePublic-part2 fl" id="col1">
					<ul>
						<li class="wholePublic-selected" onclick="javascript:window.location='analysis.html'"><img src="images/thinkTank-icon-selected.png" /><span>智库团</span></li>
					</ul>
				</div>

				<div class="wholePublic-rightContent fl">

					<div class="main-content">
						<div class="thinkTank-list clearfix">
							<!--一条数据-->
							<div class="thinkTank-item fl">
								<div class="thinkTank-img fl"><img src="images/thinkTank-img.png" /></div>
								<div class="thinkTank-txt fr">
									<div><span class="thinkTank-user">安东尼</span><img src="images/chat-icon.png" class="chat-icon" /></div>
									<div class="email">1333@shererm.com.cn</div>
									<div class="thinkTank-con">这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，这里放一长段的经历，看起来很牛的样子,这里放一长段的经历，看起来很牛的样子看起来很牛的样子，这里放一长段的经历，看起来很牛的样子,这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子</div>
								</div>
							</div>
							<!--一条数据-->
							<div class="thinkTank-item fl">
								<div class="thinkTank-img fl"><img src="images/thinkTank-img.png" /></div>
								<div class="thinkTank-txt fr">
									<div><span class="thinkTank-user">安东尼</span><img src="images/chat-icon.png" class="chat-icon" /></div>
									<div class="email">1333@shererm.com.cn</div>
									<div class="thinkTank-con">这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子,这里放一长段的经历，看起来很牛的样子,这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子,这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子，这里放一长段的经历，看起来很牛的样子</div>
								</div>
							</div>
	
						</div>
						<!--聊天界面-->
						<div class="chat-box">
							<div class="chat-divide">
								<span class="chat-delect"><img src="images/delect-icon.png"/></span>
							</div>
							<div class="chat-tab">
								<div class="chat-time">10:30:08</div>
								<div class="chat-txt">
									<div class="chat-author clearfix">
										<div class="chat-img-author fl">
											<img src="images/logins.jpg">
										</div>
										<div class="author-content fl">
											<span class="chat-arrow chat-arrow-author"></span>您好，有什么能够帮助到你的?
										</div>
									</div>

									<div class="chat-user clearfix">
										<div class="chat-img-author fr">
											<img src="images/logins.jpg">
										</div>
										<div class="user-content fr">
											<span class="chat-arrow chat-arrow-user"></span>您好，有什么能够帮助到你的?
										</div>
									</div>
								</div>
							</div>
							<div class="emotion-tab">
								<img src="images/emotion-tab.png" />
							</div>
							<div class="chat-input">
								<textarea cols="10" rows="4" placeholder="亲，你可以直接告诉小达你要提出的问题"></textarea>
							</div>
							<div class="chat-btn">
								<button>发送</button>
							</div>
						</div>
						<!--聊天界面结束-->
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script>
	var tokens = sessionStorage.getItem('token');
	var message = JSON.parse(tokens);
	console.log(message);
	var token=message.token;
	var 
	Resize = function() {
		var doc = document.documentElement;
		relHeight = (doc.clientHeight > doc.scrollHeight) ? doc.clientHeight : doc.scrollHeight; //获取屏幕高度和当前页面高度中的较大值  
		document.getElementById('col1').style.height = relHeight - 82 + 'px'; //id为bg的div就是我页面中的遮罩层
	};
	Resize();
	window.onload = function() {
		MasterList();
		Resize();
	};
		var pageNum = 1;
	function MasterList() {
		var datas = {
			pageNum: 1,
			pageSize: 8
		};
		var data = JSON.stringify(datas);
		$.ajax({
			type: "post",
			url: 'http://139.224.208.224:8080/qi-radar/user/getMasterList',
			dataType: 'json',
			contentType: "application/json ",
			asycn: false,
			data: data,
			success: function(data) {
				if(data.code == 0) {
					var data = data.data;
					console.log(data)
					var list = "";
					for(var i = 0; i < data.length; i++) {
						list += "<div class=\"thinkTank-item fl\">";
						list += "<div class=\"thinkTank-img fl\"><img src=\"images/thinkTank-img.png\" /></div>";
						list += "<div class=\"thinkTank-txt fr\">";
						list += "<div><span class=\"thinkTank-user\">" + data[i].nick_name + "</span><img src=\"images/chat-icon.png\" class=\"chat-icon\" /></div>";
						list += "<div class=\"email\">" + data[i].email + "</div>";
						list += "<div class=\"thinkTank-con\">" + data[i].rank + "</div>";
						list += "</div>";
						list += "</div>";
					}
				};
				$(".thinkTank-list").html(list);
				//聊天界面的出现与消失
				$(".chat-icon").click(function() {
					if($('.chat-box').is(':hidden')) { //如果当前隐藏  
						$(".chat-box").show()
						$(this).attr("src", "images/chat-icon-selected.png")
					} else { //否则 
						$(".chat-box").hide()
						$(this).attr("src", "images/chat-icon.png")
					}

				});
				$(".chat-delect").click(function() {
					$(this).parents(".chat-box").hide();
					if($(this).parents(".chat-box").hide()) {
						$(".chat-icon").attr("src", "images/chat-icon.png")
					}
				})
				Resize();
			}
		});
	}
	$(".chat-icon").click(function() {
					if($('.chat-box').is(':hidden')) { //如果当前隐藏  
						$(".chat-box").show()
						$(this).attr("src", "images/chat-icon-selected.png")
					} else { //否则 
						$(".chat-box").hide()
						$(this).attr("src", "images/chat-icon.png")
					}

				});
				$(".chat-delect").click(function() {
					$(this).parents(".chat-box").hide();
					if($(this).parents(".chat-box").hide()) {
						$(".chat-icon").attr("src", "images/chat-icon.png")
					}
				})
</script>